{% include 'QLGL/QLGL_index.html' %}

<div class="am-cf admin-main">
  {% include 'sidebar.html' %}
  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">桥梁数据</strong></div>
      </div>
      <div class="am-g" style="position: absolute;height: 100%;right: 0px;left: 260px;width: auto;">

        {% include 'QLGL/QLSJ/QLGL_QLSJ_SIDEBAR.html' %}

        <div class="am-u-sm-10" style="position: absolute;width:auto;right:0;left: 200px;height:85%;overflow-y: scroll;">
          <div class="am-u-sm-12 am-u-md-6">
            <div class="am-btn-toolbar">
              <div class="am-btn-group am-btn-group-xs">
                <button style="margin: 0 5px" type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="bridge_add()"><span class="am-icon-plus"></span>新增</button>
              </div>
            </div>
          </div>

          <table id="grid" class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap">
            <thead>
              <tr>
                <th class="table-title">序号</th>
                <th class="table-title">桥梁名称</th>
                <th class="table-title">类型</th>
                <th class="table-title">路线名称</th>
                <th class="table-title">路线编号</th>
                <th class="table-title">路段名称</th>
                <th class="table-title">路段名编号</th>
                <th class="table-title">状态</th>
                <th class="table-title">操作</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>

        </div>
      </div>
    </div>
  </div>
</div>
{% include 'footer.html' %}
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script type="text/javascript" src="/static/assets/js/layer.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script src="/static/assets/js/app.js"></script>
<style type="text/css">
  .li_a {
    color: #5c5c5c;
  }
</style>
<script type="text/javascript">
  $("#collapse-nav1").addClass("am-in");
  $("#qlgl").removeClass("am-collapsed");
  $("#qlglOqlsj").css("color", "#3399CC");
  $("#qlgl").css("color", "#3399CC");
  $("#qlsjOqllb").removeClass("li_a");

  var t = $('#grid').DataTable({
    //配置DataTables默认参数

    bInfo: true, //页脚信息
    responsive: true,
    searching: true,
    lengthChange: false,
    paging: true,
    bStateSave: true, //保存页面状态
    aLengthMenu: [
      [10],
      [10]
    ],

    ajax: {

      url: "/QLXJ_QLLB_QLLIST/"
    },

    columns: [

      {
        data: null,
        bSortable: false,
        targets: 0,
        //width : "30px",  
        render: function(data, type, row, meta) {
          // 显示行号  
          var startIndex = meta.settings._iDisplayStart;
          return startIndex + meta.row + 1;
        }
      },

      {
        "data": "bridge_name"
      },
      {
        "data": "param_name"
      },
      {
        "data": "line_name"
      },

      {
        "data": "line_id"
      },
      {
        "data": "section_name"
      },
      {
        "data": "section_id"
      },
      {
        "data": "bridge_id"
      },
      {
        "data": "bridge_id"
      }
    ],

    "columnDefs": [
      // "visible": false,
      //"targets": 0

      {
        type: 'chinese-string',
        targets: '_all'
      } //中文排序
      ,
      {
        "render": function(data, type, row, meta) {
          return "有效"

        },
        "targets": 7
      },

      {
        "render": function(data, type, row, meta) {
          if(row.uperpart == 0){
            return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="basic_info(' + row.bridge_id + ')">基本信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="open_uperpart(' + row.bridge_id + ')">构件信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="open_uperpart(' + row.bridge_id + ')">评分单元</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary"  onclick="photo_info(' + row.bridge_id + ')">正立面照</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="detail_info(' + row.bridge_id + ')">详情</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="bridge_delect(' + row.bridge_id + ',\'' + row.bridge_name + '\')">删除</button></div></div>'
          }else{
            return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="basic_info(' + row.bridge_id + ')">基本信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="component_info(' + row.bridge_id + ')">构件信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="score_info(' + row.bridge_id + ')">评分单元</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary"  onclick="photo_info(' + row.bridge_id + ')">正立面照</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="detail_info(' + row.bridge_id + ')">详情</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="bridge_delect(' + row.bridge_id + ',\'' + row.bridge_name + '\')">删除</button></div></div>'
          }
          // return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="basic_info(' + row.bridge_id + ')">基本信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="component_info(' + row.bridge_id + ')">构件信息</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="score_info(' + row.bridge_id + ')">评分单元</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary"  onclick="photo_info(' + row.bridge_id + ')">正立面照</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="detail_info(' + row.bridge_id + ')">详情</button><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="bridge_delect(' + row.bridge_id + ',\'' + row.bridge_name + '\')">删除</button></div></div>'
          
        },
        //指定是第二列
        "targets": 8
      }
    ],

  });

  function bridge_add() {
    //window.location.href="/XTGL_BMGL_ADD/"
    popup("新增桥梁", "/QLXJ_QLLB_ADD/")
  }

  function basic_info(bridge_id) {
    window.location.href='/QLXJ_QLLB_basic/?bridge_id=' + bridge_id + '';
  }

  function component_info(bridge_id) {
    window.location.href='/QLXJ_QLLB_GJXX_index/?bridge_id=' + bridge_id + '';
  }
  function photo_info(bridge_id) {
    window.location.href='/QLXJ_QLLB_photo/?bridge_id=' + bridge_id + '';
  }

  function score_info(bridge_id) {
    window.location.href='/QLXJ_QLLB_PFDY/?bridge_id=' + bridge_id + '';
  }

  function detail_info(bridge_id) {
    window.location.href='/QLXJ_QLLB_detail/?bridge_id=' + bridge_id + '';
  }

  function bridge_delect(bridge_id, bridge_name) {
    AMUI.dialog.confirm({
      title: '删除确认',
      content: '您确认删除路段[' + bridge_name + ']?',
      onConfirm: function() {
        //console.log('onConfirm,save ' + organize_id);
        $.ajax({
          "url": "/QLXJ_QLLB_DEL/?bridge_id=" + bridge_id + "",
          "datatype": "json",
          "type": "get",
          "async": "false"
        }).success(function(data) {
          if(data.status == 1) {
            message_layer(data.message)
            window.location.reload();
          } else {
            AlertMSG(data.message)
          }
        }).error(function(data) {
          AlertMSG("删除失败！")
        });
      },
      onCancel: function() {
        console.log('onCancel')
      }
    });
  };


  function open_uperpart(bridge_id){
    AlertMSG("请先在【基本信息】中添加上部结构信息！")
  }
  function popup(title, url) {
    var index = layer.open({
      type: 2,
      title: title,
      content: url,
      area: ['100%', '100%'],

    });

    //铺满界面
    layer.full(index);
  }
  function message_layer(message){
    layer.msg(message, {
    time: 2000 //2秒关闭（如果不配置，默认是3秒）
  }); 
}
  var AlertMSG = function(msg) {
    AMUI.dialog.alert({
      title: '错误提示',
      content: msg,
      onConfirm: function() {
        console.log('close');
      }
    });
  }
</script>

</body>

</html>